<template>
    <div id="app">
        <router-view />
        <!--
      router-view显示的是当前路由地址所对应的内容，也就是展示index.js中的
      routes下面的component组件
     -->
    </div>
</template>

<script>
// 这整一个组件叫单文件组件（根组件）
/*
    之前是这样去定义局部组件的
    Vue.components('app',{

    })
    那么现在他是把模板它放在标签<template></template>里面
*/
// 下面这个是组件的逻辑
export default {
    name: 'App',
};
</script>

<style>
#app {
    font-family: 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* text-align: center; */
    color: #2c3e50;
    /* margin-top: 60px; */
}
</style>
